<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Skink</title>

	<link rel="stylesheet" href="assets/init.css" type="text/css" media="screen" />

	<script src="assets/air/AIRAliases.js" 						type="text/javascript"></script>
	<script src="assets/air/AIRIntrospector.js" 				type="text/javascript"></script>

	<script src="assets/lib/time.js"							type="text/javascript"></script>
	<script src="assets/lib/json2.js"							type="text/javascript"></script>
	<script src="assets/lib/webtoolkit.base64.js"				type="text/javascript"></script>
	<!-- Keyboard shortcuts handling http://www.openjs.com/scripts/events/keyboard_shortcuts/ -->
	<script src="assets/lib/shortcut.js"						type="text/javascript"></script>
	<!-- Showdown, the Markdown parser -->
	<script src="assets/lib/showdown.js"						type="text/javascript"></script>
	<!-- Pixel Bender libraries from BlackBookSafe -->
	<script src="assets/lib/BlenderEffect.js"					type="text/javascript"></script>
	<script src="assets/lib/Tween.js"							type="text/javascript"></script>

	<!-- jQuery libs -->
	<link rel="stylesheet" href="assets/jquery/menu/style.css"	type="text/css" media="screen" />

	<script src="assets/jquery/jquery-1.3.2.js"					type="text/javascript"></script>

	<script src="assets/jquery/jquery.ajaxQueue.js" 			type="text/javascript"></script>
	<script src="assets/jquery/jquery.array.js" 				type="text/javascript"></script>
	<script src="assets/jquery/jquery.center.js"				type="text/javascript"></script>
	<script src="assets/jquery/jquery.contextmenu.r2.js"		type="text/javascript"></script>
	<script src="assets/jquery/jquery.highlight-2.js" 			type="text/javascript"></script>
	<script src="assets/jquery/jquery.hint.js"					type="text/javascript"></script>
	<script src="assets/jquery/jquery.intercept.js" 			type="text/javascript"></script>
	<script src="assets/jquery/jquery.menu.js"					type="text/javascript"></script>
	<script src="assets/jquery/jquery.moreSelectors.js"			type="text/javascript"></script>
	<script src="assets/jquery/jquery.positionBy.js"	 		type="text/javascript"></script>
	<script src="assets/jquery/jquery.scrollTo.js" 				type="text/javascript"></script>
	<script src="assets/jquery/jquery-ui-personalized-1.5.2.js"	type="text/javascript"></script>
	<script src="assets/jquery/jqXMLUtils.js"					type="text/javascript"></script>
	<script src="assets/jquery/tag.js"							type="text/javascript"></script>

	<!-- Notification popups libs -->
	<script src="lib/library.swf" 			type="application/x-shockwave-flash"></script>
	<!--<script src="lib/as3growl.swf"			type="application/x-shockwave-flash"></script>-->

	<!-- Network service monitor -->
	<script src="assets/servicemonitor.swf"	type="application/x-shockwave-flash"></script>

	<!-- Spry Widgets -->
	<script language="JavaScript" type="text/javascript" src="assets/spry/widgets/tabbedpanels/SpryTabbedPanels.js"></script>
	<script language="JavaScript" type="text/javascript" src="assets/spry/widgets/textareavalidation/SpryValidationTextarea.js" ></script>
	<script language="JavaScript" type="text/javascript" src="assets/spry/widgets/textfieldvalidation/SpryValidationTextField.js"></script>
	<script language="JavaScript" type="text/javascript" src="assets/spry/widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
	<link rel="stylesheet" type="text/css" href="assets/spry/widgets/tabbedpanels/SpryTabbedPanels.css" />
	<link rel="stylesheet" type="text/css" href="assets/spry/widgets/textareavalidation/SpryValidationTextarea.css" />
	<link rel="stylesheet" type="text/css" href="assets/spry/widgets/textfieldvalidation/SpryValidationTextField.css" />

	<!-- Skink libs -->
	<script src="assets/skink/skink.js"				type="text/javascript"></script>

	<script src="assets/skink/skink.alias.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.const.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.data.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.db.js"			type="text/javascript"></script>
	<script src="assets/skink/skink.debug.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.editor.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.handlers.js"	type="text/javascript"></script>
	<script src="assets/skink/skink.helpers.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.info.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.intercept.js"	type="text/javascript"></script>
	<script src="assets/skink/skink.keyboard.js"	type="text/javascript"></script>
	<script src="assets/skink/skink.menus.js" 		type="text/javascript"></script>
	<script src="assets/skink/skink.prefs.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.section.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.sys.js"			type="text/javascript"></script>
	<script src="assets/skink/skink.themes.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.timers.js"		type="text/javascript"></script>
	<script src="assets/skink/skink.tooltip.js" 	type="text/javascript"></script>
	<script src="assets/skink/skink.translate.js" 	type="text/javascript"></script>
	<script src="assets/skink/skink.tpl.js"			type="text/javascript"></script>
	<script src="assets/skink/skink.ui.js"	 		type="text/javascript"></script>
	<!--<script src="assets/skink/skink.update.js"		type="text/javascript"></script>-->
	<script src="assets/skink/skink.windows.js" 	type="text/javascript"></script>

	<!-- theme scripts -->
	<script type="text/javascript" id="themejs"></script>
	<script type="text/javascript" id="themeinfo"></script>

	<script type="text/javascript">
		/**
		 * Default prefs vars (global because of my bad coding skills)
		 */
		var reloadID; // identifier for the auto-reloader

		// stuff to load when this doc loads
		$(document).ready( function() {
			Skink.initialize();
		    air.trace("initialisation done");
		})

		air.trace("in doc now what");
		$(document).load( function() {
		    air.trace("nice warehouse poofters!");
			// hi
		})
	</script>
</head>

<body id="home" onclick="$('#linkContextMenu').hide()">

	<div id="container">

		<h1 id="header" onmousedown="Skink.Windows.windowMove();">
			<div id="window-buttons">
				<span id="minimize" class="window-button" onclick="Skink.Windows.windowMinimize()" title="Minimize">&ndash;</span>
				<span id="close" class="window-button" onclick="Skink.Windows.windowClose()" title="Close">&times;</span>
			</div>
			<span id="header-label" style="cursor:pointer">Skink</span>
		</h1>

		<div id="tabs" class="TabbedPanels">
			<ul class="TabbedPanelsTabGroup" id="timeline-tabs">
				<!-- SEARCH -->
				<li class="TabbedPanelsTab" tabindex="5" title="Search timeline"
					onmouseover="Skink.UI.showTooltip(this, this.title)"
					onmouseout="Skink.UI.hideTooltips()"
					id="tab-search" onclick="Skink.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>

				<!-- PREFS -->
				<li class="TabbedPanelsTab" tabindex="8" title="Preferences"
					onmouseover="Skink.UI.showTooltip(this, this.title)"
					onmouseout="Skink.UI.hideTooltips()"
					id="tab-prefs" onclick="Skink.UI.setSelectedTab(this)">
					<span class="tab-icon"></span>
				</li>
			</ul>

			<!-- BEGIN CONTENT TABS -->
			<div class="TabbedPanelsContentGroup" id="timeline-tabs-content">
				<!-- SEARCH TIMELINE -->
				<div class="TabbedPanelsContent" id="panel-search">
					<div id="menu-search" class="panelmenu">
						<form id="search-form" onsubmit="return false;">
							<input type="text" name="search-for" value="" id="search-for" />
							<input type="button" name="search-go" value="go!" id="search-go" />
							<input type="button" name="search-help" value="?" id="search-help" title="Twitter Search Help" />
						</form>
					</div>
					<div id="timelinewrapper-search" class="timeline-wrapper">
						<div id="timeline-search" class="timeline">
						</div>
					</div>
				</div>

				<!-- PREFS -->
				<div class="TabbedPanelsContent" id="panel-prefs">
					<div id="timelinewrapper-prefs" class="timeline-wrapper">
						<div class="timeline" id="timeline-prefs">
							<form id="prefs-form" onsubmit="Skink.Prefs.setPrefs(); return false;">
							<div id="prefsCPG" class="CollapsiblePanelGroup">

								<div id="prefs-user-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Account Information</h2>
									<div class="CollapsiblePanelContent">
										<fieldset>
											<legend>Authentication</legend>

											<div class="formrow">
												<label for="username">Username</label>
												<input type="text" name="username" id="username" value="" />
											</div>
											<div class="formrow">
												<label for="password">Password</label>
												<input type="password" name="password" id="password" value="" />
											</div>
										</fieldset>
									</div>
								</div>

								<div id="prefs-style-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Interface</h2>
									<div class="CollapsiblePanelContent">
										<fieldset>
											<legend>Theme</legend>
											<div class="formrow">
												<label for="base-theme">Theme</label>
												<select id="theme-basetheme" name="base-theme" onChange="">
													<!-- stuff goes here -->
												</select> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<label for="opacity-percentage">Opacity</label>
												<input type="text"
													name="opacity-percentage" id="window-alpha"
													value="100" maxlength="3" size="3" />%
											</div>
											<div class="formrow">
												<input type="checkbox" name="window-dropshadow" value="1"
													id="window-dropshadow" />
												<label for="window-dropshadow" class="checkbox">Use dropshadow</label>
											</div>
										</fieldset>

										<fieldset>
											<legend>Other options</legend>
											<div class="formrow">
												<input type="checkbox" name="markdown-enabled" value="1" id="usemarkdown" />
												<label for="usemarkdown" class="checkbox">Parse Markdown</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-systray" value="1"
													id="window-minimizetosystray" />
												<label for="window-minimizetosystray" class="checkbox">Minimize to Systray</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-atstartup" value="1"
													id="window-minimizeatstartup" />
												<label for="window-minimizeatstartup" class="checkbox">Minimize at Startup</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="minimize-background" value="1"
													id="window-minimizeonbackground" />
												<label for="window-minimizeonbackground" class="checkbox">Minimize in background</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="maximize-foreground" value="1"
													id="window-restoreonactivate" />
												<label for="window-restoreonactivate" class="checkbox">Restore in foreground</label> <span class="restart-required">*</span>
											</div>
											<div class="formrow">
												<input type="checkbox" name="timeline-scrollonupdate" value="1"
													id="timeline-scrollonupdate" />
												<label for="timeline-scrollonupdate" class="checkbox">Scroll to first new item on refresh</label>
											</div>
											<div class="formrow">
												<input type="checkbox" name="timeline-keyboardnavwrap" value="1"
													id="timeline-keyboardnavwrap" />
												<label for="timeline-keyboardnavwrap" class="checkbox">Wraparound keyboard nav.</label>
											</div>

										</fieldset>

									</div>
								</div>

								<div id="prefs-sound-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Sound</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="sound-enabled" value="1" id="sound-enabled" />
											<label for="sound-enabled" class="checkbox">Play sounds</label>
										</div>
									</div>
								</div>

								<div id="prefs-search-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Search</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<label for="search-maxhits">Maximum search results</label>
											<input type="text" name="search-maxhits" id="search-maxhits"
											       value="30" maxlength="5" size="5" />
										</div>
										<div class="formrow">
											<label for="search-query">Search query</label>
											<input type="text" name="search-query" id="search-query" value="spaz -kanye" />
										</div>
										<div class="formrow">
											<label for="search-base-lang">Base language for translation</label>
											<input type="text" name="search-base-lang" id="search-base-lang" value="en" />
										</div>
									</div>
								</div>

								<div id="prefs-upgrades-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Upgrades</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="checkupdate-enabled" value="1" id="checkupdate" />
											<label for="checkupdate" class="checkbox">Check on startup</label>
											<span class="restart-required">*</span>
										</div>
										<div class="formrow">
											<input type="checkbox" name="checkupdate-testversions-enabled" value="1" id="checkupdate-testversions" />
											<label for="checkupdate-testversions" class="checkbox">Check for test versions</label>
										</div>
										<!--<div class="formrow">-->
										<!--	<input type="button" name="checkupdate-button" value="Check Now &bull;"-->
										<!--		id="prefs-checkupdate-button" onclick="Skink.Update.go()" />-->
										<!--</div>-->
									</div>
								</div>

								<div id="prefs-network-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Networking</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<label for="refresh-interval">Refresh interval</label>
											<input type="text" name="refresh-interval" id="network-refreshinterval"
												value="5" maxlength="2" size="2" /> minutes
												<span id="refreshRateInfo">
													– <span id="refreshRateInfoValue">##</span> API reqs/hour
												</span>
										</div>
										<div class="formrow">
											<input type="button" name="autosetrefresh-button" value="Get rate from Twitter &bull;"
												id="prefs-autosetrefresh-button" />

										</div>
										<div class="formrow">
											<input type="checkbox" name="autoadjust-refresh-interval" value="1"
												id="network-autoadjustrefreshinterval" />
											<label for="network-autoadjustrefreshinterval" class="checkbox">Auto-adjust refresh interval</label> <!-- <span class="restart-required">*</span> -->
										</div>

										<div class="formrow">
											<input type="checkbox" name="handle-http-auth" value="1"
												id="network-airhandlehttpauth" />
											<label for="network-airhandlehttpauth" class="checkbox">Enable HTTP auth handling</label> <!-- <span class="restart-required">*</span> -->
										</div>
									</div>
								</div>

								<div id="prefs-debugging-fieldset" class="CollapsiblePanel">
									<h2 class="CollapsiblePanelTab" tabindex="0">Debugging</h2>
									<div class="CollapsiblePanelContent">
										<div class="formrow">
											<input type="checkbox" name="debugging-enabled" value="1" id="debug-enabled" />
											<label class="checkbox" for="debug-enabled">Enabled</label>
											<span class="restart-required">*</span>
										</div>
										<div class="formrow">
											<input type="button" id="prefs-dumphtml-button" name="dump-html" value="Dump HTML &bull;" onclick="Skink.Debug.dumpHTML()" />
										</div>
									</div>
								</div>

							</div>

							<div class="formrow" style="text-align:right; margin-top:15px">
								<div><span class="restart-required">*</span> <span class="prefs-restart-msg">restart required</span></div>

								<input type="button" id="prefs-update-button" name="update" value="Save Preferences &bull;"
									onclick="Skink.Prefs.setPrefs()" />

								<div style="margin-top:1em;">
									<a id="prefs-open-folder" class="clickable">Open Prefs Folder</a>
								</div>
							</div>

							</form>

						</div>
					</div>
				</div>

			</div>
		</div>

		<!-- ENTRYFORM -->
		<form id="entryform" onSubmit="return false;">
			<textarea id="entrybox" tabindex="1"></textarea>
			<div id="entrystats">
				<span id="chars-left">
					<span id="chars-left-count"></span> chars left
				</span>
				<span id="irt" style="display:none"> :: <strong>Re:</strong><span id="irt-message" data-status-id="0"></span>
					<span id="irt-dismiss" class="clickable" title="Clear the 'in-reply-to:' setting for this update">x</span>
				</span>
			</div>
			<input type="button" onclick="Skink.UI.sendUpdate()" id="updateButton" value="Send &raquo;" />
		</form>

		<!-- STATUSBAR -->
		<div id="statusbar" onmousedown="Skink.Windows.windowMove();">
			<!-- LOADING -->
			<span id='loading'><!-- <img src='{theme-dir}/images/loading.gif' /> --></span>
			<span id='statusbar-text'>Ready</span>
		</div>

		<div id="resize-sw" onmousedown="Skink.Windows.windowResize()">
		</div>

		<div id="updateCheckWindow" class="popupWindow" style="display:none;">
			Checking for updates...
		</div>

		<!-- suggestions popup -->
		<div id="suggestions">

		</div>

		<!-- the context menu container -->
		<div id="linkContextMenu" class="context-menu">
			<ul>
				<li id="linkContextMenu-copyLink" class="clickable menuitem">Copy Link Address</li>
			</ul>
		</div>

		<!-- User context menu -->
		<div id="userContextMenu" class="context-menu">
			<ul>
				<li id="userContextMenu-sendReply" class="clickable menuitem">Send @Reply</li>
				<li id="userContextMenu-searchForUser" class="clickable menuitem">Search For User</li>
				<li id="userContextMenu-filterByUser" class="clickable menuitem">Filter Timeline by User</li>
				<li id="userContextMenu-viewProfile" class="clickable menuitem">View Profile</li>
				<li id="userContextMenu-follow" class="clickable menuitem">Follow</li>
				<li id="userContextMenu-unfollow" class="clickable menuitem">Stop Following</li>
			</ul>
		</div>

		<!-- the main menu container -->
		<div id="mainMenu">
			<ul id="mainMenuRoot" style="display:none;">
				<li class="mainmenu-shortenLink"><a id="mainmenu-shortenLink">Shorten URL</a></li>
				<li class="menu-separator"><hr /></li>
				<li class="mainMenu-prefs"><a id="mainMenu-prefs">Preferences</a></li>
				<li class="mainMenu-help"><a id="mainMenu-help">Help</a></li>
				<li class="mainMenu-about"><a id="mainMenu-about">About Skink</a></li>
			</ul>
		</div>

		<!-- The tooltip container -->
		<div id="tooltip">
			<div class="tooltip-msg"></div>
			<div class="preview" style='display:none; overflow:hidden; margin-top:.7em'></div>
		</div>

	</div> <!-- End #container -->

	<div id="skink-dialog"></div>
</body>
</html>